<#import "../../common/common.macro.ftl" as netCommon>
<@netCommon.commonHeader />

<!-- Content Wrapper. Contains page content -->

<!-- Content Header (Page header) -->
<section class="content-header">
    <h1>
        用户管理
        <small>管理系统用户</small>
    </h1>
    <ol class="breadcrumb">
        <li><a href="javascript:;"><i class="fa fa-dashboard"></i>主页</a></li>
        <li class="active">用户管理</li>
    </ol>
</section>

<!-- Main content -->
<section class="content">
    <div class="row">
        <div class="col-xs-12">
            <div class="nav-tabs-custom">
                <ul class="nav nav-tabs">
                    <li class="active"><a href="#fa-icons" data-toggle="tab">用户信息管理</a></li>
                    <!-- <li><a href="#systemName" data-toggle="tab">接入系统管理</a></li> -->
                </ul>
                <div class="tab-content">

                    <!-- Icons -->
                    <div class="tab-pane active" id="fa-icons">

                        <div class="row">

                            <div class="col-xs-3">
                                <div class="input-group">
                                    <span class="input-group-addon">用户名</span>
                                    <input type="text" class="form-control" id="account"
                                           placeholder="" maxlength="20">
                                </div>
                            </div>
                            <div class="col-xs-3">
                                <div class="input-group">
                                    <span class="input-group-addon">昵称</span>
                                    <input type="text" class="form-control" id="nickName"
                                           placeholder="" maxlength="20">
                                </div>
                            </div>
                            <div class="col-xs-3">
                                <div class="input-group">
                                    <span class="input-group-addon">手机号</span>
                                    <input type="text" class="form-control" id="mobile"
                                           placeholder="" maxlength="20">
                                </div>
                            </div>
                            <div class="col-xs-3">
                                <div class="input-group">
                                    <span class="input-group-addon">邮箱</span>
                                    <input type="text" class="form-control" id="email"
                                           placeholder="" maxlength="20">
                                </div>
                            </div>
                            <div class="col-xs-3">
                                <div class="input-group">
                                    <span class="input-group-addon">用户类型</span>
                                    <select class="form-control" id="type">
                                        <option value=""></option>
                                        <option value="root">超级管理员</option>
                                        <option value="admin">系统管理员</option>
                                        <option value="normal">普通账号</option>
                                    </select>
                                </div>
                            </div>
                            <div class="col-xs-3">
                                <div class="input-group">
                                    <span class="input-group-addon">状态</span>
                                    <select class="form-control" id="status">
                                        <option value=""></option>
                                        <option value="1">启用</option>
                                        <option value="0">禁用</option>
                                    </select>
                                </div>
                            </div>
                            <div class="col-xs-1">
                                <button class="btn btn-block btn-info" id="searchBtn">搜索</button>
                            </div>
                            <div class="col-xs-2">
                                <button class="btn btn-block btn-success add" type="button" id="addBtn">新增</button>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-xs-12">
                                <div class="box">
                                    <div class="box-header ">
                                        <h3 class="box-title">用户信息列表</h3>
                                    </div>
                                    <div class="box-body">
                                        <table id="dataTable" class="table table-bordered table-striped" width="100%"
                                               style="word-break:break-all; word-wrap:break-all;">

                                        </table>
                                    </div>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>
            </div>
        </div>
        <div>
</section>
<!-- /.content -->


<!-- 新增.模态框 -->
<div class="modal fade" id="addOrEditModal" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title">添加用户</h4>
            </div>
            <div class="modal-body">
                <form id="addOrEditModalForm" class="form-horizontal form" role="form">
                    <div class="form-group">
                        <label for="account" class="col-sm-2 control-label"></label>
                        <span class="col-sm-8">初始密码默认123456,登录后可以重置密码</span>
                    </div>
                    <div class="form-group">
                        <input type="hidden" name="id">
                        <label for="account" class="col-sm-2 control-label">用户名<font color="red">*</font></label>
                        <div class="col-sm-8"><input type="text" class="form-control" name="account"
                                                     placeholder="请输入用户名" maxlength="20"></div>
                    </div>
                    <div class="form-group">
                        <label for="nickName" class="col-sm-2 control-label">昵称<font color="red">*</font></label>
                        <div class="col-sm-8"><input type="text" class="form-control" name="nickName" placeholder=""
                                                     maxlength="20"></div>
                    </div>
                    <div class="form-group">
                        <label for="mobile" class="col-sm-2 control-label">手机</label>
                        <div class="col-sm-8"><input type="text" class="form-control" name="mobile" placeholder=""
                                                     maxlength="20"></div>
                    </div>
                    <div class="form-group">
                        <label for="email" class="col-sm-2 control-label">邮箱</label>
                        <div class="col-sm-8"><input type="text" class="form-control" name="email" placeholder=""
                                                     maxlength="20"></div>
                    </div>
                    <div class="form-group">
                        <label for="type" class="col-sm-2 control-label">用户类型<font color="red">*</font></label>
                        <div class="col-sm-8">
                            <select class="form-control" name="type">
                                <option value=""></option>
                                <option value="root">超级管理员</option>
                                <option value="admin">系统管理员</option>
                                <option value="normal">普通账号</option>
                            </select>
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="lastname" class="col-sm-2 control-label">用户类型<font color="red">*</font></label>
                        <div class="col-sm-8">
                            <select class="form-control" name="status">
                                <option value=""></option>
                                <option value="1">启用</option>
                                <option value="0">禁用</option>
                            </select>
                        </div>

                    </div>


                    <hr>
                    <div class="form-group">
                        <div class="col-sm-offset-3 col-sm-6">
                            <button type="button" class="btn btn-primary ok">保存</button>
                            <button type="button" class="btn btn-default " data-dismiss="modal">取消</button>
                        </div>
                    </div>

                </form>
            </div>
        </div>
    </div>
</div>



<@netCommon.commonScript />

<script src="${request.contextPath}/static/adminlte/bower_components/datatables.net/js/jquery.dataTables.min.js"></script>
<script src="${request.contextPath}/static/adminlte/bower_components/datatables.net/js/datatables-repair.js"></script>
<script src="${request.contextPath}/static/adminlte/bower_components/datatables.net-bs/js/dataTables.bootstrap.min.js"></script>
<script src="${request.contextPath}/static/plugins/jquery/jquery.validate.min.js"></script>
<script src="${request.contextPath}/static/js/user/userList.js"></script>


<@netCommon.commonFooter />